<template>
    <div>
        <div class="nav">
                <div class="list1">
                        <router-link to="/discover/recommend"><div class="item">推荐</div>  </router-link >
                        <router-link  to="/discover/toplist"><div class="item">排行榜</div> </router-link >
                        <router-link  to="/discover/playList"><div class="item">歌单</div> </router-link >
                        <router-link  to="/discover/djradio"><div class="item">主播电台</div> </router-link >
                        <router-link to="/discover/artList"><div class="item">歌手</div> </router-link >
                        <router-link  to="/discover/album"><div class="item">新碟上架</div> </router-link >
                </div>
        </div>
        <div class="container">
            <router-view></router-view>
        </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="less" scoped>
.nav{
    width: 100%;
    height: 34px;
    background: #C20C0C;
    .list1{
    display: flex;
    align-items: center;
    width: 1200px;
    margin:  0 auto;
    .item{
        padding: 0 13px;
        color: #fff;
        line-height: 30px;
    }
}
}

</style>